<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/resoures/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/online-class/css/public.css" />
    <link rel="stylesheet" href="/online-class/css/index.css" />
    <link rel="stylesheet" href="/online-class/css/page2-marchantlist.css" />
    <link rel="stylesheet" href="/online-class/css/page3-marchantinfo.css" />
    <link rel="stylesheet" href="/online-class/css/page4-sureorder.css" />
    <link rel="stylesheet" href="/online-class/css/page5.onlinepay.css" />
    <title>在线支付</title>
</head>

<body>
    <div class="hole-div">
        <!-- 顶部10vw -->
        <div class="top">在线支付</div>
        <!-- 中部 -->
        <!-- 订单信息 -->
        <div class="mid-top">订单信息：</div>
        <!-- 商家信息 -->
        <div class="marchant">
            <div class="mleft">
                万家饺子（软件园E18店）<i class="fa fa-angle-down"></i>
            </div>
            <div class="mright">￥49</div>
        </div>
        <!-- 菜品列表 -->
        <ul class="menulist">
            <li class="lleft">纯肉鲜肉（水饺）x2</li>
            <li class="lright">￥15</li>
        </ul>
        <ul class="menulist">
            <li class="lleft">玉米鲜肉（水饺）x1</li>
            <li class="lright">￥16</li>
        </ul>
        <ul class="menulist">
            <li class="lleft">配送费</li>
            <li class="lright">￥3</li>
        </ul>
        <!-- 支付方式 -->
        <div class="payway">
            <div class="wleft">
                <img src="/resoures/images/支付宝.png" alt="支付宝" />
                <p class="ptext">支付宝</p>
            </div>
            <div class="wright">
                <div class="di">
                    <i class="fa fa-check-square"></i>
                </div>
            </div>
        </div>
        <div class="payway">
            <div class="wleft">
                <img src="/resoures/images/微信支付.png" alt="微信支付" />
                <p class="ptext">微信支付</p>
            </div>
            <div class="wright">
                <!-- <div class="di">
                    <i class="fa fa-check-square"></i>
                </div> -->
            </div>
        </div>
        <!-- 确认支付 -->
        <div class="sure">确认支付</div>
        <!-- 底部导航栏15vw -->
        <ul class="bnav">
            <li>
                <img src="/resoures/images/首页.png" alt="" />
                <p>首页</p>
            </li>
            <li>
                <img src="/resoures/images/浏览.png" alt="" />
                <p>发现</p>
            </li>
            <li>
                <img src="/resoures/images/订单.png" alt="" />
                <p>订单</p>
            </li>
            <li>
                <img src="/resoures/images/我的.png" alt="" />
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>

</html>